<template>
<view class="page">
    <cdn-img src="/static/img/star/bg2.png" class="headImg"/>
    <view class="ucenter">
        <CustomHeader hasBack />
        <view class="userbox">
            <view class="avatarBox">
                <nut-avatar url="https://img12.360buyimg.com/imagetools/jfs/t1/143702/31/16654/116794/5fc6f541Edebf8a57/4138097748889987.png" class="avatar"/>
                <view class="lvBox fcenter">V3</view>
            </view>
            <view class="userInfo">
                <view class="name ell">
                    <view class="nickName">
                        洛阳微观
                        <view class="authBox">
                            <text>已认证</text>
                        </view>
                    </view>
                </view>
                <view class="tagGroup">
                    <view class="tag fcenter">旅游风景</view>
                    <view class="tag fcenter">美食餐饮</view>
                    <view class="tag fcenter">休闲娱乐</view>
                </view>
            </view>
        </view>
        <view class="flexBox">
            <view class="item">
                <view class="tit">粉丝数</view>
                <view class="num">1114</view>
            </view>
            <view class="item">
                <view class="tit">获赞数</view>
                <view class="num">1114</view>
            </view>
            <view class="item">
                <view class="tit">接单范围</view>
                <view class="num">1114</view>
            </view>
            <view class="item last">
                <view class="tit">累计播放量</view>
                <view class="num">1114</view>
            </view>
        </view>
        <div class="panel">
            <view class="title">接单区域</view>
            <div class="con">
                <div class="area fcenter">洛阳市</div>
                <div class="area fcenter">洛阳市</div>
                <div class="area fcenter">洛阳市</div>
                <div class="area fcenter">洛阳市</div>
                <div class="area fcenter">洛阳市</div>
                <div class="area fcenter">洛阳市</div>
                <div class="area fcenter">洛阳市</div>
                <div class="area fcenter">洛阳市</div>
                <div class="area fcenter">洛阳市</div>
                <div class="area fcenter">洛阳XXXX市</div>
            </div>
        </div>
    </view>
</view>
</template>

<script setup>
import CustomHeader from "@/components/CustomHeader";
import { ref, reactive } from 'vue'
import { useUserStore } from '@/stores'
import { useDidShow } from '@tarojs/taro'
import { navigateTo } from '@/router'
import { storeToRefs } from 'pinia';
import "./index.scss";

const user = useUserStore()
const { info, tiktok } = storeToRefs(user);

useDidShow(() => console.log('onShow'))

const goToSub = (url) => {
    navigateTo({ url })
}
</script>